<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="dao.User"%>
<style>
/*标签区*/
html,body,p,ul,ol,li,form {
	margin: 0px;padding: 0px;
	list-style: none;
}
body {
	position:relative;
	width: 100%;
	text-align: left;
	background: #FFF;
	/*behavior: url("csshover3.htc");*/
}
a {
	text-decoration:none;
}
a:hover {
	color:#AAA
}
img {
	border:0px;
}

li {
	font-size:10px;	
}
.header{
	margin:0px;padding:0px;
	width:100%;height:200px;
	text-align:center;
	background-color:#FFF;
	overflow:hidden;
}

.shortCut {
	background:url("common/img/menu_title.gif") repeat center;
	margin:0px auto;padding:2px;
	width:100%;height:25px;
}
.shortCut a{
	text-decoration:none;
	font-size:13px;
}
.shortCut_frame {
	margin:0px auto;padding:0px;
	width:1024px;height:26px;
	/*border:1px solid #FFF;*/
	text-align:left;vertical-align:middle;
	overflow:hidden;
}
.shortCut_frame_collect {
	float:left;
	width:150px;
	/*border:1px solid #000;*/
}
.shortCut_frame .shortCut_frame_list {
	position:absolute;
	width:750px;height:22px;line-height:24px;vertical-align:middle;
	left:400px;
	/*border:1px solid #000;*/
	overflow:hidden;
}
.shortCut_frame_list li {

	padding:0px 1px;
	float:left;
}
.shortCut_frame_list_login,.shortCut_frame_list_register {
	font-size:13px;
	color:#ACACAC;
}
.shortCut_frame_list_login  a{
	color:#000;
}
.shortCut_frame_list_register a {
	color:#F00;
}
.shortCut_frame_list_register a:hover {
	color:#ACACAC;
}
/*class区*/
.topperFrame {
	background:url("common/img/topperFrame.gif") repeat left top;
	margin:0px;padding:0px;
	width:100%;height:123px;
}

.topper {
	background: url("common/img/header_bg.gif") no-repeat center top;
	margin:0px auto;/*上 右 下 左*/padding:0px;
	width:1024px;height:123px;
	vertical-align:middle;line-height:123px;
	/*border: 1px solid #AACCEE;
	border-bottom: none;*/
}
.topper .logo {
	background:url("common/img/logo.png") left top;
	width:112px;height:118px;
	float:left;
	margin:0px 50px 0px 0px;
}

.bannerFrame{
	background:url("common/img/nav-bar-container-bg.gif") repeat-x left top;
	width:100%;height:30px;
}
.banner{
	
	padding:0px;margin:0px auto;
	width:1024px;height:30px;line-height:30px;vertical-align:middle;
}
/*.banner {
		background:left top;
		padding:0px;
		margin:0px auto;
		width=1000px;
		height=36px;
		border:1px dashed #AAAAAA;		/* 添加虚线框 */
}*/
.banner ul{

}
.banner ul li{
	margin:0px 0px 0px 10px;
	float:left;
	width:60px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	/*border:1px dashed #AAAAAA;*/
}
.banner ul #telNum {
	float:right;
	width:200px;
	font-size:12px;
}
.banner ul li a{
	color:#FFFFFF;
	text-decoration:none;
}
.banner ul li a:hover {
	color:#AAAAAA;	
}


</style>

<div class="header">
<!--收藏 登录-->
	<div class="shortCut">
	<% String usertest = (String)request.getSession().getAttribute( "SESSION_USERNAME" );
	if (null==usertest){%>
		<div class="shortCut_frame">
			<div class="shortCut_frame_collect">
				<img src="common/img/collect.gif" border="0px"/>
				<a href="#a">收藏运哪网</a>
			</div>
			<div class="shortCut_frame_list">
				<ul>
					<li class="shortCut_frame_list_login">您好，欢迎来到运哪儿网！<a href="login.jsp">[请登录]</a></li>
					<li class="shortCut_frame_list_register">，新用户？<a href="#a">[免费注册]</a></li>
					<li><img src="common/img/shortCut-fil.png"></img></li>
					<li><a href="#a">我的订单</a></li>
					<li>|</li>
					<li><a href="#a">我的运哪儿</a></li>
					<li>|</li>
					<li><a href="#a">英文版</a></li>
					<li>|</li>
					<li><a href="#a">手机版</a></li>
					<li>|</li>
					<li><a href="#a">帮助中心</a></li>
				</ul>
			</div>
		</div>
	<%} else { %>
		<div class="shortCut_frame">
			<div class="shortCut_frame_collect">
				<img src="common/img/collect.gif" border="0px"/>
				<a href="#a">收藏运哪网-我的账户</a>
			</div>
			<div class="shortCut_frame_list">
				<ul>
					<li class="shortCut_frame_list_login">您好，欢迎<font color="#000"><%=" "+usertest+" " %></font>来到运哪儿网！&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li><a href="logout.do">退出&nbsp;&nbsp;</a></li>
					<li><a href="#a">[更改密码]&nbsp;</a></li>
					<li class="shortCut_frame_list_register"><a href="#a">邀请好友</a></li>
					<li><img src="common/img/shortCut-fil.png"></img></li>
					<li><a href="#a">我的订单</a></li>
					<li>|</li>
					<li><a href="#a">我的运哪儿</a></li>
					<li>|</li>
					<li><a href="#a">英文版</a></li>
					<li>|</li>
					<li><a href="#a">手机版</a></li>
					<li>|</li>
					<li><a href="#a">帮助中心</a></li>
				</ul>
			</div>
		</div>
	<%} %>
	</div>
	
	<div class="topperFrame">
		<div class="topper">
			<div class="logo"></div>
		</div>
	</div>
	
	<div class="bannerFrame">
		<div class="banner">
			<ul>
				<li class="curr" id="tabnav_btn_0"><a href="#">首页</a></li>
				<li>|</li>
				<li class="curr" id="tabnav_btn_1"><a href="#">直通车</a></li>
				<li>|</li>
				<li class="curr" id="tabnav_btn_2"><a href="#">运力展示</a></li>
				<li>|</li>
				<li class="curr" id="tabnav_btn_3"><a href="#">我的账户</a></li>
				<li id="telNum">服务专线：400 – 882 – 0656</li>	
			</ul>
		</div>
	</div>
	
</div>
